.wrap{
	.headBox{
		display: flex;
		margin: 0.19rem 0.24rem 0 0.24rem;
		justify-content: space-between;
		align-items: center;
		.back_icon{
			width: 0.44rem;
			height: 0.44rem;
		}
		.level_title{
			font-size: 0.32rem;
			font-weight: 500;
			color: #1E2023;
		}
		.share_icon{
			width: 0.44rem;
			height: 0.44rem;
		}
	}
	.contentBox{
		margin: 0.62rem 0.3rem 0 0.3rem;
		.head{
			display: flex;
			align-items: center;
			.head_img{
				width: 0.6rem;
				height: 0.6rem;
			}
			.name{
				font-size: 0.28rem;
				font-weight: 500;
				color: #1E2023;
				margin-left: 0.12rem;
			}
			.level_img{
				width: 1.22rem;
				height: 0.48rem;
				margin-left: 0.08rem;
			}
		}
		.content{
			width: 6.44rem;
			height: 4.4rem;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			display: flex;
			flex-direction: column;
			.titleBox{
				margin: 0.22rem 0 0 0.14rem;
				width: 1.32rem;
				height: 0.4rem;
				background: rgba(236, 132, 39, 0.6);
				opacity: 0.8;
				border-radius: 0.2rem 0 0.2rem 0;
				display: flex;
				align-items: center;
				justify-content: space-around;
				h3{
					font-size: 0.2rem;
					font-weight: 400;
					color: #FFFFFF;
				}
			}
			.level_xinxi{
				display: flex;
				flex-direction: column;
				margin: 0.73rem 0 0 0.44rem;
				.level_name{
					font-size: 0.3rem;
					color: #FFFFFF;
				}
				.jifen,.day,.beyond{
					font-size: 0.2rem;
					color: #FFFFFF;
					margin-top: 0.11rem;
				}
				.jifen{
					margin-top: 0.19rem;
				}
			}
			.gradeBox{
				margin: 0.63rem 0 0 0.48rem;
				display: flex;
				flex-direction: column;
				width: 5.54rem;
				.grade{
					width: 5.52rem;
					height: 0.04rem;
					background: rgb(247,230,204);
					display: flex;
					position: relative;
					justify-content: space-between;
					align-items: center;
					.jindu{
						position: absolute;
						width: 50%;
						height: 0.04rem;
						background:  #FFFFFF;
						z-index: 100;
					}
					.circle{
						width: 0.14rem;
						height: 0.14rem;
						border: 0.04rem solid #FFFFFF;
						border-radius: 50%;
						z-index: 10;
					}
					.circle_active{
						width: 0.18rem;
						height: 0.18rem;
						background-color:  #FFFFFF;
						border-radius: 50%;
						border: none;
						
					}
				}
				.level{
					display: flex;
					justify-content: space-between;
					margin-top: 0.05rem;
					span{
						font-size: 0.18rem;
						color: #FFFFFF;
						opacity: 1;
						
					}
				}
			}
			
		}
		
		.quanyiBox,.howBox,.whyBox{
			.head{
				display: flex;
				justify-content: space-between;
				align-items: center;
				.left{
					display: flex;
					align-items: center;
					.line{
						width: 0.08rem;
						height: 0.4rem;
						background: #60A7F6;
						opacity: 1;
						border-radius: 0.04rem;
					}
					.title_text{
						font-size: 0.36rem;
						font-weight: 500;
						color: #1E2023;
						margin-left: 0.08rem;
					}
				}
			}
		}
		.quanyiBox{
			margin-top: 0.32rem;
			.quanyiUl{
				display: flex;
				flex-wrap: wrap;
				margin: 0.32rem 0.88rem 0 0.58rem;
				justify-content: space-between;
				.quanyiLi:first-child{
					margin-left: 0;
				}
				.quanyiLi:nth-child(5){
					margin-left: 0;
				}
				.quanyiLi{
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-left: 0.52rem;
					margin-bottom: 0.16rem;
					img{
						width: 0.56rem;
						height: 0.56rem;
					}
					p{
						font-size: 0.2rem;
						color: #1E2023;
					}
				}
				
				
			}
		}	
		
		.howBox{
			margin-top: 0.34rem;
			.textBox{
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-top: 0.18rem;
				p{
					font-size: 0.2rem;
					color: #8A93A1;
					opacity: 1;
				}
				button{
					font-size: 0.18rem;
					color: #FFFFFF;
					width: 1.62rem;
					height: 0.36rem;
					background: #60A7F6;
					opacity: 1;
					border-radius: 18px;
					border: none;
					margin-top: 0.4rem;
				}
			}
			
		}
		.whyBox{
			margin-top: 0.37rem;
			.textBox{
				margin-top: 0.18rem;
				p{
					font-size: 0.2rem;
					color: #8A93A1;
					opacity: 1;
				}
			}
			
		}
	}
}